<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>积分记录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="__STATIC_URL__/static/mobile/css/weui.css" />
    <script src="__STATIC_URL__/static/mobile/js/weui.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<style type="text/css">
    body{
        background: #F8F8F8;
    }
    .jifen{
        color: #FF4B4A;
        text-align:right;
        width: 60px;
    }
    .weui-media-box_appmsg .weui-media-box__hd{
        width: 35px;
        height: 35px;
    }
    .weui-media-box__title{
        font-size: 14px;
    }
    .weui-media-box__desc{
        font-size: 12px;
    }
    .weui-media-box_appmsg .neirong{
        -webkit-box-flex: 2;
        -webkit-flex: 2;
        flex: 2;
    }
    .weui-media-box{
        padding: 10px 15px;
    }
</style>
<body>
<div class="container" id="container">
    <div class="page panel js_show">
        <div class="weui-panel weui-panel_access">
            <div class="weui-panel__hd" style="color: #000;">我的总积分:{$card.bonus}</div>
        </div>
        <div class="weui-panel weui-panel_access">
            {volist name="list" id="vo"}
              <div class="weui-panel__bd">
                <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                    <div class="weui-media-box__bd neirong">
                        <h4 class="weui-media-box__title">{$vo.record_bonus}</h4>
                        <p class="weui-media-box__desc">{$vo.create_time}</p>
                    </div>
                    <div class="weui-media-box__bd jifen">{neq name="vo.add_bonus" value="0"}{$vo.add_bonus}{else/}-{$vo.del_bonus}{/neq}</div>
                </a>
              </div>
            {/volist}
        </div>
    </div>
</div>
</body>
<script src="__STATIC_URL__/static/js/jquery-2.1.4.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">
//    wx.config({$share.wxjssdk});
//    wx.ready(function(){
//        wx.hideAllNonBaseMenuItem();
//
//        // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//    });
</script>
<script type="text/javascript">
    $(function() {
        $('.weui-navbar__item').on('click', function() {
            var index = $(this).index();
            $(this).addClass('weui-bar__item_on').siblings('.weui-bar__item_on').removeClass('weui-bar__item_on');
            $(".weui-tab__panel").css("display", "none").eq(index).css("display", "block");
        });

    });
</script>
</html>